<html {$html_attrs}>
<head>
<title>Login</title>
<link rel="stylesheet" href="include/style.css" type="text/css" />
<!--[if IE]>
<link REL="stylesheet" href="include/styleIE.css" type="text/css">
<![endif]-->
<link href="css/layout.css" rel="stylesheet" type="text/css">
<style>



.password input{
	margin-top: 12px;
	width: 120px;
	padding-left: 20px;
	background:  url(icon-authen.gif) no-repeat center left #FFFFCC;
}

.username input {
	margin-top: 12px;
	width: 120px;
	padding-left: 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
	background:  url(icon-user.gif) no-repeat center left #FFFFFF;
}

#center_block {margin:0 auto;}
#contents_block {text-align:center;}
#header_block {white-space:nowrap;height:25px;padding:0 10px 5px;text-align:center;}
#fields_block {width:100%;margin:0;padding:10px}
#header_block > span {margin:0 5px}
#buttons_block {padding:10px 10px 5px}
#buttons_block div {padding:3px}
body {
	background-color: #BFC0C2;
}
</style>

<script type='text/javascript' src='base/zapatec/utils/zapatec.js'></script>

	<script type='text/javascript' src='base/zapatec/zpwin/src/window.js'></script>

	<script type="text/javascript" src="base/zapatec/zpmenu/src/zpmenu.js"></script>
	<script type='text/javascript'>
		var win = null;
		var iframeWin = null;
		var warning = "This demo uses the Zapatec AJAX Menu. It will only show the menu if you downloaded the full Zapatec AJAX Suite.";
		if (!Zapatec.Menu) {
			alert(warning);
		}
		function openWindow() {
			if (!Zapatec.Menu) {
				alert(warning);
				return false;
			}
			if (!win) {
				win = Zapatec.Window.setup({
					left:280, 
					top:200, 
					width:650, 
					height: 300,
					theme : "silverxp",
					onClose : function() {win = null;},
					urlContent : "creditos.htm"
				});
			} else {
				win.show();
			}
		}
	
	</script>
  <style type="text/css">
    .zpMenuWinxp1 .zpMenu-top {
      background: #e7e7d6;
      width: 100%;
      border-top: none !important;
      border-right: none !important;
      border-left: none !important;
    }
  </style>

<!--[if IE]>
<style>
#fields_block td {padding:3px 14px}
#username_block td {padding-top:13px}
#remember_block td {padding-bottom:13px}
</style>
<![endif]-->
</head>
<body>
{BEGIN body}
<table width="791" height="289" border="0" align="center" background="imagens/tela_login.jpg" bgcolor="#FFFFFF">
  <tr>
    <td width="497" height="162">&nbsp; </td>
    <td width="284">
    
    
<table width="100%" align=center id="center_block">
  <tr><td id="contents_block">
<div id="header_block" class="top blackshade">
<b><font size=+1>Lembrar a minha Senha</font></b>
</div>

<table cellpadding=4 cellspacing=0 border=0 id="fields_block" class="shade">
<tr id="caption_block"> 
	<td colspan=2 align=middle > 
		Favor entrar com seu nome de usuário ou endereço de email e clique em ENTRAR para receber sua senha por email
	</td>
</tr>
<tr id="username_block">
	<td align=left width=30> 
		<input name=remtype type="Radio" {$usernameradio_attrs} >
		&nbsp;&nbsp;Login:
	</td>
	<td > 
		<input name="username" {$username_attrs}>
	</td>
</tr>
<tr id="email_block"> 
	<td align=left width=30> 
		<input type="Radio" name=remtype {$emailradio_attrs}>&nbsp;&nbsp;Email:
	</td>
	<td > 
		<input name="email" {$email_attrs}>
	</td>
</tr>
</table>
<div id="buttons_block" class="shade">
	<div id="submit_block">
<input type=submit value="Entrar" class=buttonM>
	</div>
	<div>
	<a href="login.php">Voltar à página de Login</a>
	</div>
	{BEGIN message_block}
	<div>
	<font color=red>{$message}</font>
	</div>
	{END message_block}
</div>

</td></tr></table>
    
    
    
    </td>
  </tr>
</table>
<table align="center">
  <tr>
    <td width="718" height="46">&nbsp;</td>
    <td width="63"><a href="#" onClick="openWindow(); return false;"><img src="imagens/credito_logado.jpg" alt="Creditos" width="59" height="43" border="0"> </a></td>
  </tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>
  {END body}
</p>
</body>
</html>
